.mt25{margin-top: 25px;}
.mt40{margin-top: 40px;}
.product-loginbox a{color: #0064ff; text-decoration: none;}
.product-loginbox a:hover{text-decoration: underline;}
.product-container{position: absolute; top: 0; left: 0; margin-left: 10px;}
.product-loginbox{width: 380px; margin: 30px 30px 20px 0; float: right;}
.product-loginform{background: #fff; padding: 25px 20px 25px; border-radius: 15px;}
.product-logintit{font-size: 16px; color: #2da3bc; font-weight: 600; text-align: center; margin: 5px 0;}
.product-logintit i{display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #2da3bc; margin: 0 5px; vertical-align: 2px;}
.product-loginbox .input-group{margin-bottom: 25px;}
.product-loginbox .form-title{font-size: 13px; margin-bottom: 5px;}
.product-loginbox .form-control{background: #fff; border: 1px solid #dcdcdc; box-shadow: none;}
.product-loginbox .form-control:focus{border-color: #54b9d1;}
.product-loginbox p{width: 100%; padding: 0 4px;}
.product-loginbox .form-pwdtxt{color: #0064ff; text-decoration: none; display: inline-block;}
.product-loginbox .form-pwdtxt:hover{text-decoration: underline;}
.product-loginbtn{display: block; width: 100%; padding: 10px 35px; color: #fff; background: #364a92; border-color: #364a92; }
.product-loginbtn:hover{background: #273d8b; border-color: #273d8b;}
.login-line1{position: absolute; width: 2px; height: 45px; top: -50px; left: 5px; background: #b7b6f6; transform: rotate(60deg); -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg);}
.login-line1:before{position: absolute; content: ''; top: -15px; left: -7px; width: 12px; height: 12px; border-radius: 12px; border: 2px solid #b7b6f6;}
.login-line1:after{position: absolute; content: ''; top: -11px; left: -3px; width: 8px; height: 8px; border-radius: 8px; background: #b7b6f6;}
.login-line2{position: absolute; width: 2px; height: 44px; top: -16px; left: -14px; background: #b7b6f6; }
.login-line2:after{position: absolute; content: ''; top: 34px; left: -3px; width: 8px; height: 8px; border-radius: 8px; background: #b7b6f6; }
.login-line3{position: absolute; width: 2px; height: 50px; top: 27px; left: -14px; background: #b7b6f6; }
.login-line3:after{position: absolute; content: ''; top: 47px; left: -3px; width: 8px; height: 8px; border-radius: 8px; background: #b7b6f6; }
.login-line4{position: absolute; width: 2px; height: 44px; top: 82px; left: -14px; background: #b7b6f6; }
.login-line4:after{position: absolute; content: ''; top: 44px; left: -3px; width: 8px; height: 8px; border-radius: 8px; background: #b7b6f6; }
.product-login-btn{margin: 20px 10px 10px; text-align: center;}
.product-login-btn .product-btnbox{display: block; position: relative; border:0; border-radius: 25px; padding: 10px 35px; color: #fff; margin: 10px 0 12px; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px;text-align: left; padding-left: 50px;}
.product-login-btn .product-btnbox i{display: inline-block; position: absolute; width: 30px; height: 30px; border-radius: 32px; background: #cbcdd5; top:4px; left: 4px; text-align: center;line-height: 30px; font-style: normal; font-weight: 600; letter-spacing: 0; color: #666; font-size: 15px;}
.product-login-btn .product-btnbox:hover{text-decoration: none; opacity: 0.95;}
.product-login-btn .product-btnbox.yellow{background: #e18d5e;}
.product-login-btn .product-btnbox.blue{background: #768dbf;}
.product-login-btn .product-btnbox.green{background: #60b0ba;}
a.login-go-box{font-size: 14px; font-weight: 500; color: #505aa6; text-align: center; display: block;}
.login-go{display: inline-block; width: 40px; height: 16px; background: url(../images/login-go.png) no-repeat; background-size: 100%; margin-left: 5px; vertical-align: -3px;}
.slide-canvas{position: absolute; width: 100%; height: 100%; left: 0; right: 0; z-index: 10;}
.particles-js-canvas-el { height: 100%;  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  z-index: 1;}
.product-loginbox.verifi-loginbox{margin: 30px 30px 20px 0;} 
.product-loginbox.verifi-loginbox form.mt40{margin-top: 10px;}
.product-loginbox.verifi-loginbox .product-loginform{padding: 15px 20px;}
.slider-section .slide{height: 680px;}
/*服务中心*/ 
.server-sectionbg{padding-bottom: 0; background-image: url(../images/server-linkbg.png); position: relative; background-repeat: no-repeat; background-size: 100%; background-attachment: fixed;}
.product-servertit{font-size: 15px; margin: 0px auto 30px; font-weight: 600; text-align: center; white-space: nowrap; overflow: hidden;}
.product-mouseicon{display: inline-block; width: 18px; height: 26px; background: url(../images/mouse-icon.png) no-repeat; background-size: 100%; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }
/*.produce-serverbox{margin-top: 10px;}*/
.produce-serverleft{float: left; width:calc(60% - 10px); margin-right: 10px;}
.produce-serverright{float: right; width: calc(40% - 10px); margin-left: 10px;}
.serverbox-itembox{margin-bottom: 20px; background: #fff;}
.serverbox-head{padding: 10px 15px; border-top: 2px solid #ccc; border-bottom: 1px solid #ddd; cursor: move;}
.serverbox-head.border-red{border-top: 2px solid #b069bd; }
.serverbox-head.border-green{border-top: 2px solid #51aeb9; }
.serverbox-head.border-blue{border-top: 2px solid #61b5e1; }
.serverbox-head.border-zs{border-top: 2px solid #8a92e8; }
.serverbox-head.border-orange{border-top: 2px solid #e1b261; }
.head-icon1{display: inline-block; width: 24px; height: 24px; background: url(../images/head-icon1.png) no-repeat; background-size: 100%; margin-right: 5px; vertical-align: -7px;}
.head-icon2{display: inline-block; width: 26px; height: 24px; background: url(../images/head-icon2.png) no-repeat; background-size: 100%; margin-right: 5px; vertical-align: -7px;}
.head-icon3{display: inline-block; width: 24px; height: 24px; background: url(../images/head-icon3.png) no-repeat; background-size: 100%; margin-right: 5px; vertical-align: -7px;}
.head-icon4{display: inline-block; width: 22px; height: 24px; background: url(../images/head-icon4.png) no-repeat; background-size: 100%; margin-right: 5px; vertical-align: -7px;}
.head-icon5{display: inline-block; width: 24px; height: 24px; background: url(../images/head-icon5.png) no-repeat; background-size: 100%; margin-right: 5px; vertical-align: -7px;}
.serverbox-headtit{font-size: 15px; font-weight: 600;}
.serverbox-morelink{float: right; color: #f2610f; text-decoration: none; line-height: 24px;}
.serverbox-morelink:hover{text-decoration: underline;}
.serverbox-itembox .replies-items{padding: 0 15px 10px;}
ul.replies-items li{overflow: hidden; padding: 15px 0 15px;}
ul.replies-items li .time{color: #939ea9; font-size: 12px; text-align: right; font-style: normal; margin-top: 0; margin-bottom: 4px; margin-right: 20px;}
ul.replies-items li .reply-avatar{float: left; width: 70px;}
ul.replies-items li .reply-avatar img{display: block; width: 70px; margin-left: auto; margin-right: auto;}
ul.replies-items li .reply-avatar span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; display: block; width: 100%; text-align: center; color: #54b9d1; font-weight: 700;}
ul.replies-items li .reply-rightbox{float: left; width: calc(100% - 100px); margin-left: 30px; margin-top: 15px; box-sizing: border-box;}
ul.replies-items li .reply-content{word-break: break-all; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 10px 15px; background: #eef1f6; position: relative; }
ul.replies-items li .reply-content .bubble{position: absolute; left: -18px; top: -8px;}
ul.replies-items li .reply-content a{margin: 0; line-height: 1.67; text-decoration: none; color: #333; font-size: 13px;font-weight: 600;}
ul.replies-items li .reply-content a.product-noticelik{color: #387bc6;}
ul.replies-items li .reply-content a:hover{text-decoration: none; color: #387bc6;opacity: .85;}
ul.replies-items li.admin .reply-content .bubble {right: 0; left: -9px;}
ul.replies-items li .reply-txtimg{width: 70%; margin-top: 10px; display: block;}
p.abstract_text{margin: 10px 0 15px; max-width: 800px; line-height: 1.5; font-size: 12px; color: #696969;word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.serverbox-itembox.serverbox-message{background: #e4e8ec; color: #fff; cursor: move;}
.server-messageul{padding: 5px 40px 5px 15px;}
.server-messageul li{padding: 10px 0;}
.server-messageul li i{display: inline-block; width: 22px; height: 22px; background: url(../images/message-icon.png) no-repeat; background-size: 100%; vertical-align: top; margin-right: 5px;}
.server-messageul li a{display: inline-block; width: calc(100% - 100px); line-height: 22px; vertical-align: top; text-decoration: none; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.server-messageul li a:hover{text-decoration: underline;}
.server-messageul li span{float: right; color: #79848c; display: inline-block; vertical-align: top; line-height: 22px; font-size: 12px;}
.sermessage-button{position: absolute; right: 0; top: 0; width: 25px; height: 100%; background: #cedbe4; text-align: center; color: #cdd7ee;}
.sermessage-button a{color: #cdd7ee; display: block;}
.sermessage-button a:hover{color: #eee;}
.sermessage-button i{font-size: 32px; padding-top: 50px; margin-left: 2px; height: 100%;color: #fff;}
.sermessage-button:hover{cursor: pointer; color: #eee;  background: #a4c2e2;}
.serverbox-questionbox{padding-bottom: 10px;}
.serverbox-questionitem{padding: 5px 15px;}
.serverbox-questionitem:hover{cursor: pointer;}
.serverbox-questionitem .panel-heading{position: relative; background: #ebebeb; border-radius: 4px;}
.serverbox-questionitem .panel-heading a{font-weight: 600; color: #333; text-decoration: none;font-size: 14px; display: block; padding: 12px 15px 8px 30px;}
.serverbox-questionitem .collapse{display: none;}
.serverbox-questionitem .collapse.in{display: block;}
.serverbox-questionitem .questionitem-panelul li.problem-trialitem{padding: 15px;}
.serverbox-questionitem .questionitem-panelul .problem-trialitem .problem-icon{width: 28px; height: 28px;}
.serverbox-questionitem .questionitem-panelul .problem-itemcnt h3{margin-top: 4px; font-weight: 600;}
.serverbox-questionitem .questionitem-panelul li:last-child.problem-trialitem{border-bottom: 0;}
.serverbox-questionitem .panel-heading .panel-title:before{position: absolute; display: block; font-family: "FontAwesome"; content:"\f146"; color: #51aeb9; top: 57%; left: 14px; margin-top: -12px;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s;}
.serverbox-questionitem .panel-heading .panel-title.collapsed:before{position: absolute; display: block; font-family: "FontAwesome"; content:"\f0fe"; color: #51aeb9; top: 57%; left: 14px; margin-top: -12px;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s;}
.serverbox-newsbox{padding: 15px;}
.serverbox-newsbox li{padding: 15px 10px; border-bottom: 1px dotted #ddd;}
.serverbox-newsbox li:last-child{border-bottom: 0;}
.serverbox-newsbox li .newsbox-img{width: 130px; float: left;font-size: 12px;color: #939ea9;}
.serverbox-newsbox li img{width: 100%;}
.serverbox-newsbox .newsbox-detail{float: left; margin-left: 10px; width: calc(100% - 140px);}
.serverbox-newsbox .newsbox-detail a{color: #333;text-decoration: none;margin-bottom: 5px;font-weight: 600;line-height: 1.42857143;word-break: break-all;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.serverbox-newsbox .newsbox-detail a:hover{text-decoration: none; color: #387bc6; }
.serverbox-newsbox .newsbox-detail .newsbox-abstract{width: 100%; overflow: hidden; max-height: 48px;font-size: 12px; color: #696969;}
.serverbox-newsbox .newsbox-detail p{line-height: 24px;font-size: 12px;}
.serverbox-visitingbox{padding: 15px;}
.visiting-title{font-size: 14px; font-weight: 600;}
.visiting-slideitem .visiting-radiobox,.visiting-slideitem .visiting-checkbox{padding: 20px;}
.visiting-radiobox li,.visiting-checkbox li{padding: 8px 0;}
.visiting-radiobox li i.radio-icon{position: relative; display: inline-block; width: 16px; height: 16px; border-radius: 16px; border: 2px solid #00a0e9; vertical-align: -5px; margin-right: 5px;}
.visiting-radiobox li i.radio-icon.active:before{position: absolute; content: ''; left: 3px; top: 3px; width: 10px; height: 10px; border-radius: 10px; background: #00a0e9;}
.visiting-checkbox li i.check-icon{position: relative; display: inline-block; width: 18px; height: 18px; border: 2px solid #00a0e9; vertical-align: -6px; margin-right: 5px;}
.visiting-checkbox li i.check-icon.active:before{position: absolute; width: 14px; height: 14px; top: 2px; left: 2px; content: ''; background: url(../images/check.png) no-repeat; background-size: 100%;}
.visiting-slideitem .visiting-inputbox{padding: 20px;}
.visiting-slideitem .visiting-inputbox input{width: 95%;}
.visiting-slideitem .visiting-inputbox textarea{width: 95%; height: 50px;}
.visiting-radiobox li:hover,.visiting-checkbox li:hover{cursor: pointer;}
.visiting-button a{display: inline-block; padding: 8px 25px; font-size: 14px; color: #fff; border-radius: 4px; text-decoration: none; margin: 5px;}
.visiting-button a.btn-green{background: #54b9d1;}
.visiting-button a.disabled{background: #ddd; cursor: default;}
.visiting-button a.btn-orange.disabled{background: #ddd; cursor: default;}
.visiting-button a.btn-orange{background: #f19c38; min-width: 80px; text-align: center;}
.visiting-button a:hover{opacity: 0.9;}
.visiting-button a.disabled:hover{background: #ddd; cursor: default; opacity: 1;}
.visiting-button a.btn-orange.disabled:hover{background: #ddd; cursor: default; opacity: 1;}
.visiting-next i{display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #b9b9b9; margin: 0 2px;}
.visiting-nextbox{margin-top: 20px; margin-left: 10px;}
.visiting-next i.active{background: #54b9d1;}
.serverbox-likebox{padding: 15px;}
.likebox-linebox{width: calc(100% - 20px); margin: 20px 10px;}
.serverbox-likebox .likebox-line{position: relative; width: 33.33333%; float: left; height: 2px; display: inline-block; background: #a5c2e2;}
.serverbox-likebox .likebox-line:before{position: absolute; content: ''; left: 50px; top: -10px; width: 18px; height: 18px; border-radius: 18px; border: 2px solid #a5c2e2; background: #fff;}
.serverbox-likebox .likebox-line:after{position: absolute; content: ''; left: 56px; top: -4px; width: 10px; height: 10px; border-radius: 10px; background: #a5c2e2;}
.serverbox-likebox .likebox-detail{width: 100%;}
.serverbox-likebox .likebox-detail li{width: calc((100% - 30px)/3); height: 150px; float: left; margin: 5px; position: relative;}
.serverbox-likebox .likebox-detail img{width: 100%; height: 150px; transition: all 0.5s; border-radius: 6px; box-shadow: 5px 5px 1px #b2cae4;}
.serverbox-likebox .likebox-detail li .overlay{position: absolute; left: 0; right: 0px; top: 0px; bottom: 0; opacity: 0; display: hidden; border-radius: 5px; background-color: #000000; cursor: pointer; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; overflow: hidden;}
.serverbox-likebox .likebox-detail li .overlay i{position: absolute; color: #fff; font-size: 22px; top: 40%; left: 50%; padding: 0; margin: 0; margin-top: -16px; margin-left: -14px;}
.serverbox-likebox .likebox-detail li .overlay div.name{color: #fff; position: absolute; width: calc(100% - 10px); text-align: center; bottom: -25px; right: 0; padding: 5px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.serverbox-likebox .likebox-detail li:hover{cursor: pointer;}
.serverbox-likebox .likebox-detail li:hover .overlay{opacity: 0.75;}
.serverbox-likebox .likebox-detail li:hover .overlay div.name{bottom: 60px;}
.section-refresh{position: fixed; bottom: 40%; right: 0; width: 35px; height: 35px; border-radius: 2px 0 0 2px; background: #dddddd; text-align: center; line-height: 35px;}
.section-refresh i{font-size: 22px; line-height: 35px;animation:rotating 10s linear infinite;}
.section-refresh:hover{cursor: pointer;}
@keyframes rotating{
	from{transform:rotate(0)}
	to{transform:rotate(360deg)}
}
@-webkit-keyframes rotating{
	from{transform:rotate(0)}
	to{transform:rotate(360deg)}
}
.news-section{padding: 10px 0; background: #fff; }
.news-item-font{font-size: 12px; color: #828282;}
.news-date{position: absolute;top: 0;left: 0; width: 90px;color: #333;}
.news-date span{border-bottom: 3px solid #ccc; margin-bottom: 1px;display: inline-block;width: 80%;padding: 5px 5px; font-size: 15px; font-weight: bold;text-align: center;}
.news-date span.date-bigfont{border-bottom: 0;}
.news-section .news-list-item{padding-left: 94px; position: relative; border-bottom: 0; padding-bottom: 0;}
.news-section .newspost-body{padding-left: 20px;}
.news-section .newspost-item{padding-bottom: 20px; border-bottom: 1px dotted #ccc;}
.news-section .newspost-item a{color: #387bc6; font-weight: 600;}
.news-section .news-item-img{margin: 10px 0;}
.news-section .news-item-img img{max-width: 480px; border: 1px solid #eee; padding: 6px;}
.news-item-txt{margin: 10px 0; line-height: 20px; max-width: 900px;}
.news-section .news-item-icon span:first-child{margin-left: 0;}
.notice-list-item{padding: 20px 0 10px; border-bottom: 1px dotted #ccc;}
.notice-list-txt a{display:block; margin-right: 15px; max-width: 800px; color: #333; text-decoration: none; font-size: 14px;font-weight: 600;}
.notice-list-txt a:hover{text-decoration: none; color: #387bc6; opacity: 0.85;} 
.notice-list-txt span{display: inline-block; float: right; vertical-align: top;}
.notice-list-link{display: block; color: #387bc6; text-decoration: none;}
.notice-list-link:hover{text-decoration: none; opacity: 0.85;}
.notice-item-img{margin: 10px 0;}
.notice-item-img img{max-width: 280px;}
.notice-item-date{margin: 10px 0; font-size: 12px;}
.notice-item-date i{margin-right: 10px; vertical-align: 1px;}
.legal-cntbox p{padding: 5px; line-height: 24px;}
.legal-cntborder{border-bottom: 1px solid #e4e0e0; padding-bottom: 30px; padding-top: 20px;}
.legal-cntborder h3{font-size: 16px;}
.legal-cntborder h4{padding-left: 10px;}
.legal-cntbox .legal-cntborder p{position: relative; padding-left: 20px;}
.legal-cntbox .legal-cntborder p:after{position: absolute; content: ''; width: 4px; height: 4px; background: #333; border-radius: 4px; left: 10px; top: 15px;}
.legal-cnttit{font-size: 18px; letter-spacing: 1px; text-align: center;}
.section-contact{min-height: calc(100vh - 350px); background-image: url(../images/contact-bg.jpg); position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding-bottom: 30px;}
.section-contact .section,.section-contact .breadcrumb_item{background: transparent;}
.contact-title{font-size: 22px; font-weight: 600; letter-spacing: 1px; padding-bottom: 40px; margin-top: 20px; margin-left: 62px; border-bottom: 1px dashed #aaa; max-width: 500px;}
.contact-title span{color: #fff; display: inline-block; padding: 3px 10px; background: #51b5e6; border-radius: 3px; margin: 0 5px;}
.contact-ul{margin-top: 30px; margin-left: 62px;}
.contact-ul li{padding: 10px 0; font-size: 15px; font-weight: 600;}
.contact-ul li i{margin-right: 5px;}
.visiting-icon1{display: block; width: 230px; height: 150px; margin: 30px auto; background: url(../images/visiting-icon1.png) no-repeat; background-size: 100%;}
.visiting-statetxt{color: #f17a5a; font-size: 16px; margin-bottom: 30px; text-align: center; font-weight: 600; letter-spacing: 0.5px;}
.visiting-icon2{display: block; width: 230px; height: 150px; margin: 30px auto; background: url(../images/visiting-icon2.png) no-repeat; background-size: 100%;}
.visiting-icon3{display: block; width: 230px; height: 150px; margin: 30px auto; background: url(../images/visiting-icon3.png) no-repeat; background-size: 100%;}
.visiting-state2 .visiting-statetxt{color: #3399ff;}
.visiting-state3 .visiting-statetxt{color: #1ccf9e;}
.block_home_slider{background: #d3d8ef;}
.admin-sectionbg{padding-top: 10px; padding-bottom: 10px; background-image: url(../images/admin-bg.jpg); position: relative; background-repeat: no-repeat; background-size: 100%; }
.admin-cntitem{margin: 10px 0; line-height: 2;}
.admin-cntitem i{display: inline-block; width: 6px; height: 6px; border-radius: 6px; background: #6625c7; margin-right: 10px; vertical-align: 2px;}
.admin-leftbox{float: left; width: calc(100% - 590px);}
.admin-rightbox{float: right; width: 500px;}
.admin-rightbox img{width: 100%; margin-top: 50px; margin-bottom: 20px;}
.admin-boxtit{font-size: 26px; font-weight: 500;}
.admin-file-upload{margin: 20px 0; padding: 40px 0; border: 2px dashed #c4d9ea; background: #f3f5f9; border-radius: 5px; font-size: 14px; color: #6979a7; text-align: center;}
.needsclick i{font-size: 40px;}
.admin-emailbox i{font-size: 16px; margin-right: 10px; vertical-align: -1px;}
.admin-boxtit.colors{color: #5f377a; margin-top: 30px;}
.txt-puid{font-size: 18px; margin-top: 5px; margin-bottom: 15px; color: #000;font-family: "tahoma", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", "SimSun", "sans-serif" !important;}
.registrar-infobox{margin: 15px 0;}
.registrar-infotxt{width: 500px; padding: 12px 5px; margin-top: 5px; border: 1px solid rgba(129,145,192,0.32); background: #f5f7fb; border-radius: 5px;}
.registrar-infotxt li{padding: 5px 0; width: 50%; float: left; font-size: 13px; color: #1a1a1a;}
.registrar-infotxt li label{display: inline-block; width: 70px; text-align: right; margin-right: 3px;}
.registrar-infotxt li span{display: inline-block; vertical-align: top; width: calc(100% - 78px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.registrar-infomsg{margin-bottom: 20px; color: #6c6ad3; font-weight: 600;font-size: 15px;}
.registrar-phone .phone-input{width: 380px; display: inline-block; margin-right: 10px;}
.btn.disabled{background: #eee; color: #aaa; cursor: not-allowed;}
.registrar-phone .btn{width: 175px; text-align: center; margin: 5px 1px; height: 48px; line-height: 32px;}
.registrar-button{margin-bottom: 15px;}
.btn-zs{background: #6c6ad3; color: #fff;}
.btn-zs:hover{background: #6967b9}
.registrar-button .btn{width: 70px; height: 32px; line-height: 32px; text-align: center; margin-right: 10px;}
.registrar-infotip{position: absolute; width: 550px; left: 380px; top: -115px; padding: 20px; border-radius: 5px; background: rgba(43,43,43,0.8); color: #fb8080; display: flex; justify-content: center; align-items: center;     /* 垂直居中 */}
.registrar-infotip:after{position: absolute; bottom:-6px; left: 100px; transform: translate(-50%, 14px); content: " "; border-width: 10px; border-style: solid; border-color: rgba(43,43,43,0.8) transparent transparent;}
.registrar-infotip i{display: flex; font-size: 34px; margin-right: 20px;}
.registrar-inforight{line-height: 2;}
.dialog-successtit{text-align: center; font-size: 18px; color: #61a603;}
.dialog-successsmalltit{text-align: center; font-size: 16px;  margin-top: 5px;color: #000;font-family: "tahoma", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", "SimSun", "sans-serif" !important;}
.dialog-errortit{text-align: center; font-size: 18px; color: #ff0000;}
.dialog-titlebox{text-align: center; font-size: 16px; color: #000; margin-left: 30px; text-align: left;}
.dialog-smalltit{text-align: left; font-size: 16px; font-weight: 600; margin-top: 5px; margin-left: 30px;font-family: "tahoma", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", "SimSun", "sans-serif" !important;}
.ml30{margin-left: 30px;}
.conform-text{font-size: 15px;font-weight: 600;color: #1877f1;}
.dz-filename{width: calc(100% - 1.25rem);}
.dz-preview{margin: 10px;}
.tel-type{font-family: "tahoma", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", "SimSun", "sans-serif" !important;font-size: 16px; color: #27a3ff; margin: 0 3px;}
.modal-icon .fa-check-circle{font-size: 55px; color: #5c9a05;}
.modal-icon .fa-times-circle{font-size: 55px; color: #d12e26;}
.default-style .dz-preview.none{display: none;}
.fallback-upload{opacity: 0; position: absolute; left: 0; top:0; width: 100%; height: 100%;}
.sk-circle{ height: 40px; width: 40px; right: 0; left: 0; z-index: 10; opacity: 1; display: inline-block; position: relative; -webkit-transition: all 0.3s ease-in-out 0; transition: all 0.3s ease-in-out 0;}
.sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.sk-circle .sk-child:before {content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #54b9d1; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;}
.sk-circle .sk-circle2 {-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);}
.sk-circle .sk-circle3 {-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);}
.sk-circle .sk-circle4 {-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.sk-circle .sk-circle5 {-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg);}
.sk-circle .sk-circle6 {-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg);}
.sk-circle .sk-circle7 {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.sk-circle .sk-circle8 {-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg);}
.sk-circle .sk-circle9 {-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg);}
.sk-circle .sk-circle10 {-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}
.sk-circle .sk-circle11 {-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg);}
.sk-circle .sk-circle12 {-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg);}
.sk-circle .sk-circle2:before {-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.sk-circle .sk-circle3:before {-webkit-animation-delay:-1s;animation-delay:-1s;}
.sk-circle .sk-circle4:before {-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
.sk-circle .sk-circle5:before {-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}
.sk-circle .sk-circle6:before {-webkit-animation-delay:-0.7s;animation-delay:-0.7s;}
.sk-circle .sk-circle7:before {-webkit-animation-delay:-0.6s;animation-delay:-0.6s;}
.sk-circle .sk-circle8:before {-webkit-animation-delay:-0.5s;animation-delay:-0.5s;}
.sk-circle .sk-circle9:before {-webkit-animation-delay:-0.4s;animation-delay:-0.4s;}
.sk-circle .sk-circle10:before {-webkit-animation-delay:-0.3s;animation-delay:-0.3s;}
.sk-circle .sk-circle11:before {-webkit-animation-delay:-0.2s;animation-delay:-0.2s;}
.sk-circle .sk-circle12:before {-webkit-animation-delay:-0.1s;animation-delay:-0.1s;}
.loading .needsclick{color: #54b9d1;}
.error .fa-times-circle{color: #ff0000; font-size: 40px;}
.error .needsclick{color: #ff0000;}
.note.needsclick{margin-top: 5px;}
.success .fa-check-circle{color: #57b89d; font-size: 40px;}
.success .needsclick{color: #57b89d;}
span.upload-span{display: inline-block; vertical-align: top; line-height: 65px;}
@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
.server-research{padding: 7px 25px; position: relative; background: #5297d2; border-radius: 15px; font-size: 12px; margin-left: 120px; color: #fff;}
.server-research em{font-style: normal; color: #0fffd5; font-weight: 600; margin: 0 5px; font-size: 18px; font-family: tahoma; vertical-align: -2px;} 
.server-research i{display: inline-block; width: 35px; height: 35px; background: url(../images/saas_research.png) no-repeat; background-size: 100%; position: absolute; left: -16px; top: -3px;}           
.apply-file-upload{display: inline-block; width: 280px; padding: 15px 0; border: 1px dashed #c4d9ea; background: #f3f5f9; border-radius: 5px; font-size: 14px; color: #6979a7; text-align: center;}
.trail-uploadbox.mt20{margin-top: 20px;}
@media (min-width: 769px){
	.product-container{position: absolute; top: 0; left: 50%; margin-left: -375px; z-index: 100;}
}
@media (min-width: 992px){
	.product-container{position: absolute; top: 0; left: 50%; margin-left: -585px; z-index: 100;}
}
@media (min-width: 1200px){
	.product-container{position: absolute; top: 0; left: 50%; margin-left: -600px; z-index: 100;}
}
@media (max-width: 991px){
	.produce-serverleft{float: none; width: 100%; margin: 0;}
	.produce-serverright{float: none; width: 100%; margin: 0;}
}
@media (max-width: 768px){
	.product-loginbox{width: calc(100% - 20px); margin: 20px 10px; float: right; position: relative; z-index: 11;}
}
@media (max-width: 670px){
	.likebox-linebox{display: none;}
	.serverbox-likebox .likebox-detail{width: 100%; margin: 0; float: none;}
	.serverbox-likebox .likebox-txtbox{top: 16px;}
	.contact-ul,.contact-title{margin-left: 0;}
}
@media (max-height: 800px){
	.product-loginbox{margin: 20px 30px 20px 0;}
	.product-login-btn .product-btnbox{margin: 10px 0 10px;}
}

.phone-inputbox{width: calc(100% - 120px);}
.phone-verifybtn{position: absolute; right: 0; top: 20px; width: 110px; height: 40px;}
.phone-verifymsg{display: inline-block; width: 100%; height: 40px; line-height: 40px; padding: 0 5px; border: 0; background: #00acac; color: #fff; border-radius: 3px; font-size: 13px; text-align: center;}
.phone-verifymsg:hover{opacity: 0.85; cursor: pointer;}
.product-loginform .nav{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none;}
.product-loginform .nav-tabs {border-bottom: 1px solid #c8ced3;}
.product-loginform .nav-link {display: block; padding: 0.5rem 1rem;}
.product-loginform .nav-tabs .nav-link {border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem;}
.product-loginform .nav-tabs .nav-link.active {color: #2f353a; background: #fff; border-color: #c8ced3; border-bottom-color: #fff;}
.product-loginform .tab-content {margin-top: -1px; background: #fff; border-bottom: 1px solid #c8ced3;}
.product-loginform .nav-tabs .nav-item {position: relative;}
.product-loginform .tab-content > .tab-pane {display: none;}
.product-loginform .tab-content > .active {display: block;}
.product-loginform .upload-imgtab {padding: 20px 0 0!important; border: 0;}
.tablist-main .nav-tabs .nav-link{border:none;border-bottom: 2px solid #c8ced3;position: relative;width: calc(100% - 2rem);text-align: center;font-size:14px;}
.tablist-main .nav-tabs .nav-link.active{border-bottom: 2px solid #20a8d8;}
.tablist-main .nav-tabs .nav-link.active.first-cricle:after{content: ''; position: absolute;  height: 4px; right: 0px; bottom: -3px; width: 4px;background:#20a8d8;border-radius: 50%;z-index: 2; }
.tablist-main .nav-tabs .nav-link.active:not(.first-cricle):after{content: ''; position: absolute;  height: 4px; left: 0px; bottom: -3px; width: 4px;background:#20a8d8;border-radius: 50%;z-index: 2; }
.tablist-main .tab-content{border-bottom: none;}
.tablist-main .tab-content .tab-pane.tab-form-pane{padding:30px 90px;}
.upload-imgtab.tab-content .tab-pane {padding: 0;}
.product-loginform .nav-tabs li.nav-item{width: 50%; margin-bottom: -1px;}
.tablist-main .nav-tabs .nav-link:hover{text-decoration: none; color: #333;}
.tablist-main .nav-tabs li.nav-item:hover a{color: #333!important;}
.product-loginbox .tablist-main .form-title{margin-bottom: 2px;}
.product-loginform .nav-tabs li.nav-item:hover{cursor: pointer;}
.phone-verifyimg{position: absolute; right: 0; top: 20px; width: 110px; height: 40px;}
.phone-verifyimg img{height: 100%; width: 100%;}